<p class="card-text d-none d-sm-block">
    <a href="{{site.baseurl}}{% link _pages/index.md %}">
        <img class="profile-image rounded-circle w-75"  src="{{ site.baseurl }}{{ site.avatar }}" />
    </a>
</p>
<h4 class="card-title d-none d-sm-block">{{site.name}}</h4>

<p class="card-text d-xs-flex d-sm-none">
    <a href="{{site.baseurl}}{% link _pages/index.md %}">
        <img class="profile-image rounded-circle mr-2" src="{{ site.baseurl }}{{ site.avatar }}" style="width: 15% !important" />
    </a>
    <strong>{{site.name}}</strong>
</p>